#include("/admin/common/header.html")
#include("/admin/common/footer.html")
#include("/admin/common/left.html")
#include("/admin/common/layout.html")
 
 #@layout()
 #define content()

<span class="layui-breadcrumb">
  <a href="#(ctx_path)/">首页</a>
  <a href="#(ctx_path)/admin/user"><cite>用户管理</cite></a>
</span>

<hr>


<form class="layui-form">
	<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->

	<input type="hidden" name="id" value="#(vo.id)">

	<div class="layui-form-item">
		<label class="layui-form-label">用户名</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="username" placeholder="请输入" value="#(vo.username)"
				autocomplete="off" class="layui-input" 
				lay-verify="required|username">
		</div>
		<div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
	</div>

	<div class="layui-form-item">
		<label class="layui-form-label">角色</label>
		<div class="layui-input-inline" style="width: 280px;">
			<select name="roleId" lay-verify="required">
				<option value="">---请选择---</option> 
				#for(obj:roles)
					<option value="#(obj.id)" #(obj.id==vo.roleId?'selected':'')>#(obj.name)</option> 
				#end
			</select>
		</div>
	</div>

	<div class="layui-form-item">
		<label class="layui-form-label">姓名</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="nickname" placeholder="请输入" value="#(vo.nickname)"
				autocomplete="off" class="layui-input" lay-verify="required">
		</div>
	</div>

	<div class="layui-form-item">
		<label class="layui-form-label">邮箱</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="email" placeholder="请输入" value="#(vo.email)"
				autocomplete="off" class="layui-input" lay-verify="required|email">
				
		</div>
	</div>

	#if(ACTION_TYPE==com.myopen.config.ConstConfig::ACTION_TYPE_ADD)
		<!-- 新增的时候会有密码 -->
		<div class="layui-form-item">
			<label class="layui-form-label">密码</label>
			<div class="layui-input-inline" style="width: 280px;">
				<input type="text" name="password" placeholder="请输入" value="#(vo.password)"
					autocomplete="off" class="layui-input" lay-verify="required|pass">
			</div>
		</div>
	#end

	<div class="layui-form-item layui-form-text">
		<label class="layui-form-label">备注</label>
		<div class="layui-input-inline" style="width: 280px;">
			<textarea placeholder="请输入内容" class="layui-textarea" name="comment">#(vo.comment)</textarea>
		</div>
	</div>

	<div class="layui-form-item">
		<div class="layui-input-block">
			<button class="layui-btn" lay-submit lay-filter="detailForm">保存</button>
			<button type="reset" class="layui-btn layui-btn-primary">重置</button>
		</div>
	</div>
	<!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->


</form>


#end

#define js()

<script>
	layui.use('table', function() {
		var form = layui.form;
		var $ = layui.$;
		var layer = layui.layer;

		//对自定义的表单进行验证
		form.verify(layuiFormVerify);

		form.on('submit(detailForm)', function(data) {
			//建议使用ajax在此处提交。
			$.ajax({
				type : 'post',
				url : '#(ctx_path)/admin/user/save',
				data : $("form").serialize(),
				success : function(data) {
					if (data.code == "0") {
						layer.msg('保存成功！', {
							time : 600
						}, function() {
							window.location.href = "#(ctx_path)/admin/user";
						});
					} else if (data.code == "1") {
						//此处可以弹出服务器端给的错误信息
						layer.msg('保存失败，该邮箱已经存在！', {
							time : 2000
						}, function() {

						});
					}else if (data.code == "2") {
						//此处可以弹出服务器端给的错误信息
						layer.msg('保存失败，该手机号已经存在！', {
							time : 2000
						}, function() {

						});
					}else if (data.code == "3") {
						//此处可以弹出服务器端给的错误信息
						layer.msg('保存失败，该用户名已经存在！', {
							time : 2000
						}, function() {

						});
					}
				}
			});
			//此处使用异步的好处，服务器端可以直接验证，如果直接提交，提交完成以后，如果验证不通过，那么不方便处理错误的信息
			return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
		});

	});
</script>

#end


